<template>
  <div class="box">
    <div class="title">
      <span>校园简介</span>
    </div>
    <div class="hr"></div>
    <div class="cam-info">
      <img :src="imgList[0].src" alt="校园图片" />
      <div>傲来国学院(Hefei University)简称傲院，
        是国家首批61所"卓越工程师教育培养计划"和首批52所"服务国家特殊需求
        人才培养项目"培养硕士专业学位研究生试点工</div>
    </div>
  </div>

</template>

<script>
export default {
  name: "CampusProfile",
  data() {
    return {
     imgList: [
        {
          name: "i1",
          src: require("@/assets/images/carousel/1.jpeg"),
          title: "报到登记"
        },
      ]
    }
  }
}
</script>

<style scoped>
.box {
  background: #fff;
  padding-bottom: 1.8rem;
}
.title {
  display: flex;
  align-items: center;
  height: 2.6rem;
  text-align: left;
  font-size: 1.3rem;
  background: #fff;
  border-left: 4px solid #13ce66;
}
.title span {
  margin-left: 0.7rem;
  display: block;
}
.hr {
  margin-top: .3rem;
  margin-bottom: .6rem;
  width: 100%;
  border-bottom: 1px solid #bfcbd9;
}
.cam-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  margin-left: .9rem;
  margin-right: .9rem;
}
.cam-info img {
  width: 7.6rem;
  height: 6.6rem;
  margin-right: 1.2rem;
}
.cam-info div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  height: 6rem;
  overflow: hidden;
}
</style>
